$(function () {
    //需求1: 渲染用户信息 - 后面还要用,所以封装成函数
    initUserInfo()
    let layer = layui.layer
    let form = layui.form
    function initUserInfo() {
        // 获取用户信息
        axios({
            method: 'GET',
            url: '/my/userinfo',
            // headers: {
            //     Authorization: localStorage.getItem('token')
            // }
        }).then(function (res) {
            // console.log(res.data.data);
            //判断
            let obj = res.data
            if (obj.status !== 0) {
                return layer.msg(obj.message)
            }
            //赋值
            form.val('formUserInfo', obj.data)

        })
    }

    //需求2 : 自定义校验
    form.verify({
        nickname: function (value) {
            if (value.length > 10) {
                return '用户昵称1-10之间!'
            }
        }
    })

    //需求3 : 修改用户信息
    $('form').on('submit', function(e){
        e.preventDefault()
        axios({
            method:'POST',
            url:'/my/userinfo',
            data: $('form').serialize(),
            // headers: {
            //     Authorization: localStorage.getItem('token')
            // }
        }).then(function(res){
           // console.log(res);
           let obj = res.data
           if(obj.status !==0){
            return layer.msg(obj.message)
           }
           //提示,刷新index.html中的用户名
           layer.msg('修改成功啦^^')
           window.parent.getUserInfo()

        })
    })

    // 需求4: 重置- 按钮的点击事件和form 的重置事件!
    // $('#resetBtn').on('click',function(e){
    //     e.preventDefault()
    //     alert (55)
    // })

    $('form').on('reset',function (e) {
        e.preventDefault()
        initUserInfo()
    })
})